.head-wrapper
  width 100%
  float left
  overflow-y hidden
  overflow-x auto
  white-space nowrap
  .title
    width 22%
    position relative
    display inline-block
    margin-right 15px
    margin-top 10px
    .name
      height 28px
      font-size 15px
      color #7e8c8d
      width fit-content
      width -webkit-fit-content
      width -moz-fit-content
      &.active
        font-size 18px
        font-weight bold
        color black
        border-bottom:2px solid black
.head-wrapper::-webkit-scrollbar
  display none
.content-wrapper
  width 100%
  display flex
  flex-wrap wrap
  align-content flex-start
  justify-content:center;
  .content-list
    margin-top 15px
    min-height 150px
    width 45%
    padding 6px 6px 7px 7px
    .subject-wrapper
      width 100%
      border-radius:15px
      height  100%
      box-shadow: 1px 1px 10px 1px #d3d7d4
      .active-img
        height 60%
        text-align center
        img
          border-top-left-radius 15px
          border-top-right-radius 15px
          width 100%
          height 100%
      .active-title
        font-weight bold
        margin-top 9px
        margin-left 5px
      .active-describe
        font-size 13px
        color #7e8c8d
        margin-top 5px
        margin-left 5px
